<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
      @font-face {
          font-family: "YouSheBiaoTiHei";
          src: url("./YouSheBiaoTiHei.ttf")
      }
      body {
          background: gray;
      }
      div {
          position: relative;
      }

      p {
          font-family: "YouSheBiaoTiHei";
          font-size: 26px;
          font-weight: 400;
          line-height: 34px;
          letter-spacing: 6px;
          color: #D0021B;

      }

      .text1 {
          /*display: none;*/
          font-size: 26px;
          position: absolute;
          z-index: 3;
          font-weight: bold;
          /*top: 0px;*/
          /*left: -1px;*/
      }
      .text2 {
          font-size: 26px;
          font-weight: bold;
          -webkit-text-stroke: 2px  #fff;
          position: absolute;
          z-index: 2;
          color: #fff;
          /*text-shadow: 2px 2px 0px #000000;*/
      }
      .text3 {
          font-size: 26px;
          font-weight: bold;
          /*-webkit-text-stroke: 2px  #000;*/
          position: absolute;
          color: #000;
          z-index: 1;
          text-shadow: 3px 3px 2px #000000
      }
  </style>
</head>
<body>
<div>
  <p  class="text1">工作汇报</p>
  <p  class="text2">工作汇报</p>
  <p  class="text3">工作汇报</p>
</div>
</body>
</html>
